<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>添加个人作者/开发团队 - MC百科</title>
  <link href="/favicon.png" rel="icon">
  <link href="../../css/common.css" rel="stylesheet">
  <link href="../../css/header.css" rel="stylesheet">
  <link href="../../css/footer.css" rel="stylesheet">
  <link href="css/teamadd.css" rel="stylesheet">
  <script src="/js/jquery-3.7.1.js"></script>

  <!-- 编辑器样式（模拟官方） -->
  <style>

  </style>
</head>
<body>
<!-- 头部 -->
<header id="header">
  <script>$("#header").load('../publicPage/header.html')</script>
</header>

<!-- 内容区 -->
<section id="section">
  <div class="author-edit-page">
    <!-- 左侧编辑帮助栏 -->
    <div class="author-sidebar">
      <div class="sidebar-title">编辑帮助</div>
      <ul class="sidebar-list">
        <li>欢迎加入MC百科编辑讨论群 (1137659736)</li>
        <li>MC百科编审部提醒您：</li>
        <li>玩法千万条，严谨第一条</li>
        <li>编辑不规范，玩家两行泪</li>
        <li><a href="#">编辑规范：主站编辑规范</a></li>
        <li><a href="#">模组收录规则：模组(Mod)收录规则</a></li>
        <li><a href="#">命名规则：主站通用命名规则</a></li>
        <li><a href="#">模组元素：模组元素定义与优先级</a></li>
        <li><a href="#">批量导入：如何批量添加资料</a></li>
        <li><a href="#">申请相关：合并/综合功能介绍与申请</a></li>
      </ul>
    </div>

    <!-- 右侧主编辑区 -->
    <div class="author-main">
      <h2 style="margin-top:0;">添加个人作者/开发团队</h2>

      <!-- 基本信息编辑器 -->
      <div class="form-group">
        <label>基本信息</label>
        <p class="form-desc">作者的基本信息，是构成作者介绍的基础。</p>
        <div class="editor-toolbar">
          <button>撤销</button>
          <button>重做</button>
          <button>加粗</button>
          <button>斜体</button>
          <button>链接</button>
          <button>图片</button>
          <button>代码</button>
          <button>插入表格</button>
          <button>插入代码</button>
        </div>
        <textarea class="editor-content" placeholder="在此输入作者基本介绍..."></textarea>
      </div>

      <!-- 名称表单 -->
      <div class="form-group">
        <label>名称*</label>
        <input type="text" placeholder="填写个人作者/开发团队的名称">
        <p class="form-desc">如有需要，可增加更多昵称，但只能设置其中一个为主要名称。</p>
      </div>

      <!-- 其他表单（可扩展） -->
      <div class="form-group">
        <label>代表作</label>
        <input type="text" placeholder="填写代表作模组名称">
        <p class="form-desc">填写作者的代表性模组作品</p>
      </div>

      <div class="form-group">
        <label>社交平台</label>
        <input type="text" placeholder="如：B站/微博/官网">
        <p class="form-desc">填写作者的社交平台链接或官网</p>
      </div>

      <!-- 提交按钮（示例） -->
      <button style="padding:8px 20px; background:#007bff; color:#fff; border:none; border-radius:4px; cursor:pointer;">
        提交审核
      </button>
    </div>
  </div>
</section>

<!-- 底部 -->
<footer id="footer">
  <script>$("#footer").load('publicPage/footer.html')</script>
</footer>

<!-- 编辑器交互（可选扩展） -->
<script>
  // 可在此扩展编辑器功能（如：快捷键、自定义按钮）
  // 示例：模拟官方自动存稿（需结合后端实现）
  setInterval(() => {
    console.log("自动存稿中...", $('.editor-content').val());
  }, 60000); // 每分钟模拟存稿
</script>
</body>
</html>